/**
 * element-ui.scss
 * 覆盖element-ui一些组件的默认样式
 */

.el-breadcrumb__inner,
.el-breadcrumb__inner a {
  font-weight: 400 !important;
}

.el-upload {
  input[type="file"] {
    display: none !important;
  }
}

.el-upload__input {
  display: none;
}

// 去掉el-upload上传图片列表的动画
.el-upload-list__item {
  transition: none !important;
}

// 去掉el-pagination自带的padding
.el-pagination {
  padding: 0px;
}

// 将el-row的布局改为flex，避免有些组件列过多时候会错位的bug
.el-row {
  display: flex;
  flex-wrap: wrap;
}

// to fixed https://github.com/ElemeFE/element/issues/2461
.el-dialog {
  transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
}

// refine element ui upload
.upload-container {
  .el-upload {
    width: 100%;

    .el-upload-dragger {
      width: 100%;
      height: 200px;
    }
  }
}

// dropdown
.el-dropdown-menu {
  a {
    display: block;
  }
}

// to fix el-date-picker css style
.el-range-separator {
  box-sizing: content-box;
}

// 重新定义elmessage的样式，风格antd
.el-message {
  min-width: auto !important;
  padding: 12px 16px !important;
  background: #ffffff !important;
  border-radius: 4px !important;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15) !important;
  border: 0px !important;

  // icon
  .el-message__icon {
    font-size: 16px;
    margin-right: 8px;
    // info类型
    &.el-icon-info {
      color: #00a3ff;
    }
  }
  // loading类型
  .el-icon-loading {
    color: #00a3ff;
    font-size: 16px;
    margin-right: 8px;
  }
  // content
  .el-message__content {
    font-size: 14px;
    color: #666666 !important;
  }
  // 关闭按钮
  &.is-closable .el-message__content {
    padding-right: 26px;
  }
}

// el-link add margin
.el-link {
  &:not(:first-child) {
    margin-left: 3px;
  }
  // 修复在el-table中使用el-link，文字高度过高导致下划线位置不对
  line-height: 1.3;
}
.el-link[size="small"] {
  font-size: 12px;
}

// 定义全局的表格样式
.el-table {
  .el-table__header-wrapper,
  .el-table__fixed-header-wrapper {
    th {
      background-color: #f8f8f9;
      color: #606266;
    }
  }
}
